<template>
    <StudentDetail :student="student" />
</template>

<script setup>
    import StudentDetail from '../components/StudentDetail.vue';
    import { useMemberStore } from '../stores/member';
    import { useUserStore } from '../stores/user';
    import { computed } from 'vue';

    const userStore = useUserStore()
    const memberStore = useMemberStore()

    const student = computed(() => {
        return memberStore.getUserByUsername(userStore.username)
    })
</script>